<template>
    <div>
        <el-table :data="tableData" border header-align="right" :header-cell-style="{ background: '#f2f6fc' }"
            header-cell-class-name="center" cell-class-name="center" empty-text="暂无数据">
            <el-table-column prop="receiverName" label="收货人" />
            <el-table-column prop="receiverPhone" label="手机号码" />
            <el-table-column prop="receiverPostCode" label="邮政编码" />
            <el-table-column label="收货地址">
                <template #default="{ row }">
                    <span>{{
                        row.receiverProvince + " " + row.receiverCity + " " + row.receiverRegion + " " +
                            row.receiverDetailAddress
                    }}</span>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script setup lang="ts">
const props = defineProps({
    tableData: {
        type: Array,
        default: []
    }
})
</script>

<style scoped>

</style>